<%--
  Created by IntelliJ IDEA.
  User: xdzy
  Date: 2017/4/5
  Time: 23:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <base href="<%=basePath%>">
    <title>登录</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="resources/css/amazeui.min.css"/>
    <link rel="stylesheet" href="resources/css/style.css">
    <style>
        .loginBox{
            background: #fff;
            color: #000000;
            text-align: left;
            border:1px solid #ffffff;
            border-radius: 20px;
        }
    </style>
</head>
<body>
<header class="am-topbar am-topbar-fixed-top">
    <div class="am-container">
        <h1 class="am-topbar-brand">
            <a href="#">在线聊天1.0-dev</a>
        </h1>

        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-secondary am-show-sm-only"
                data-am-collapse="{target: '#collapse-head'}"><span class="am-sr-only">导航切换</span> <span
                class="am-icon-bars"></span></button>

        <div class="am-collapse am-topbar-collapse" id="collapse-head">

            <div class="am-topbar-right">
                <button onclick="window.location.href='./user/user_registerForm.action'" class="am-btn am-btn-secondary am-topbar-btn am-btn-sm"><span class="am-icon-pencil"></span> 注册</button>
            </div>

            <div class="am-topbar-right">
                <button onclick="window.location.href='./user/user_loginForm.action'" class="am-btn am-btn-primary am-topbar-btn am-btn-sm"><span class="am-icon-user"></span> 登录</button>
            </div>
        </div>
    </div>
</header>
<div class="get">
    <div >
        <div class="am-u-lg-5 am-u-md-5 am-u-sm-8 am-u-sm-centered">
            <div class="loginBox">
                <form class="am-form" action="./user/user_login.action" method="post">
                    <fieldset>
                        <legend style="text-align: center;font-size: 30px">登录</legend>

                        <div class="am-form-group">
                            <label for="doc-ipt-email-1">用户名</label>
                            <input type="text" class="" id="doc-ipt-email-1" name="username" maxlength="20" placeholder="输入用户名(最多20个字符)" required>
                        </div>

                        <div class="am-form-group">
                            <label for="doc-ipt-pwd-1">密码</label>
                            <input type="password" class="" id="doc-ipt-pwd-1" name="password" minlength="8" maxlength="20" placeholder="设置个密码吧(8-20个字符)" required>
                        </div>


                        <p><button type="submit" class="am-btn am-round am-btn-block am-btn-primary">登录</button></p>
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
</div>


<footer class="footer">
    <p>© 2017 <a href="http://www.yunshipei.com" target="_blank">AllMobilize, Inc.</a> Licensed under <a
            href="http://opensource.org/licenses/MIT" target="_blank">MIT license</a>. by the AmazeUI Team.</p>
</footer>

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="resources/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="resources/js/amazeui.min.js"></script>
</body>
</html>
